<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>我的钱包</title>
    <link rel="stylesheet" href="../css/personage.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../underscore/underscore-min.js"></script>
    <script type="text/javascript" src="../js/list_more.js"></script>
    <script type="text/javascript" src="../js/paging.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="../images/index_log.jpg" /> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap my_purse">
        <div class="personage_nav">
            <div class="personage_nav_title">账户</div>
            <ul class="personage_nav_list">
                <li class="active item1">
                    <span></span>动态
                </li>
                <li class="item2">
                    <span></span>我的钱包
                </li>
                <li class="item3">
                    <span></span>实名认证
                </li>
                <li class="item4">
                    <span></span>账户安全
                </li>
                <li class="item5">
                    <span></span>人才归档
                </li>
            </ul>
            <div class="personage_nav_title">任务管理</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>我的预约
                </li>
                <li class="item7">
                    <span></span>我的项目
                </li>
                <li class="item8">
                    <span></span>我的问答
                </li>
            </ul>
            <div class="personage_nav_title">消息</div>
            <ul class="personage_nav_list">
                <li class="item9">
                    <span></span>消息中心<i>10</i>
                </li>
            </ul>
            <div class="personage_nav_title">我的收藏</div>
            <ul class="personage_nav_list">
                <li class="item10">
                    <span></span>收藏的资讯
                </li>
                <li class="item11">
                    <span></span>收藏的人才
                </li>
                <li class="item12">
                    <span></span>收藏的问答
                </li>
                <li class="item13">
                    <span></span>收藏的项目
                </li>
            </ul>
        </div>
        <div class="personage_main">
            <div class="personage_main_in">
                <div class="personage_index_wallet">
                    <ul>
                        <li class="personage_index_wallet_item item1">
                            <div class="title color_333">钱包余额</div>
                            <p class="money color_333"><span>12,000</span>元<a href="#" class="cash color_309bff">提现</a></p>
                        </li>
                        <li class="personage_index_wallet_item item2">
                            <div class="title color_333">钱包余额</div>
                            <p class="money color_333"><span>12,000</span>元</p>
                        </li>
                        <li class="personage_index_wallet_item item3">
                            <div class="title color_333">钱包余额</div>
                            <p class="money color_333"><span>12,000</span>元</p>
                        </li>
                    </ul>
                </div>
                <div class="my_purse_block">
                    <div class="title color_333">我的银行卡</div>
                    <div class="code_info">
                        <div class="img border_radius_50">
                            <img src="" alt="" />
                        </div>
                        <div class="info">
                            <div class="code color_333">农业银行(2275)</div>
                            <div class="detail color_aaa">
                                <span>储蓄卡</span>
                                <span>持卡人<i>张三</i></span>
                            </div>
                        </div>
                        <div class="icon btn_blue">更改</div>
                    </div>
                </div>
                <div class="my_purse_particulars">
                    <div class="title color_333">
                        交易明细
                    </div>
                    <div class="purse_headline">
                        <div class="top color_aaa">
                            <div class="purse_content">交易内容</div>
                            <div class="purse_price">金额</div>
                            <div class="purse_status">状态</div>
                            <div class="purse_time">时间</div>
                        </div>
                    </div>
                    <div class="purse_list">
                        <div class="item active">
                            <div class="purse_content color_333">提现-农业银行（2275）</div>
                            <div class="purse_price color_ff3d3d">-100.00</div>
                            <div class="purse_status color_333">
                                <ul class="purse_status_list">
                                    <li class="active">已到账</li>
                                    <li>转账中</li>
                                    <li>提交申请</li>
                                </ul>
                                <div class="purse_status_in">已到账</div>
                            </div>
                            <div class="purse_time color_333">
                                <ul class="purse_time_list">
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                </ul>
                                <div class="purse_time_in">2016-12-12  12：00</div>
                            </div>
                            <div class="btn_up color_aaa cursor">收起</div>
                            <div class="clear_both"></div>
                        </div>
                        <div class="item">
                            <div class="purse_content color_333">提现-农业银行（2275）</div>
                            <div class="purse_price color_ff3d3d">-100.00</div>
                            <div class="purse_status color_333">
                                <ul class="purse_status_list">
                                    <li class="active">已到账</li>
                                    <li>转账中</li>
                                    <li>提交申请</li>
                                </ul>
                                <div class="purse_status_in">已到账</div>
                            </div>
                            <div class="purse_time color_333">
                                <ul class="purse_time_list">
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                </ul>
                                <div class="purse_time_in">2016-12-12  12：00</div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                        <div class="item">
                            <div class="purse_content color_333">提现-农业银行（2275）</div>
                            <div class="purse_price color_0ca434">-100.00</div>
                            <div class="purse_status color_333">
                                <ul class="purse_status_list">
                                    <li class="active">已到账</li>
                                    <li>转账中</li>
                                    <li>提交申请</li>
                                </ul>
                                <div class="purse_status_in">已到账</div>
                            </div>
                            <div class="purse_time color_333">
                                <ul class="purse_time_list">
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                </ul>
                                <div class="purse_time_in">2016-12-12  12：00</div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                        <div class="item">
                            <div class="purse_content color_333">提现-农业银行（2275）</div>
                            <div class="purse_price color_0ca434">-100.00</div>
                            <div class="purse_status color_333">
                                <ul class="purse_status_list">
                                    <li class="active">已到账</li>
                                    <li>转账中</li>
                                    <li>提交申请</li>
                                </ul>
                                <div class="purse_status_in">已到账</div>
                            </div>
                            <div class="purse_time color_333">
                                <ul class="purse_time_list">
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                    <li>2016-12-12  12：00</li>
                                </ul>
                                <div class="purse_time_in">2016-12-12  12：00</div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                    </div>
                </div>
                <div class="my_purse_paging">
                    <div class="personage_deal_page">
                        <div class="personage_deal_page_show">
                            <span class="sum">共 <span class="sum_page">5</span> 页</span>到第<input type="text" class="input_page">页 <i id="btnPage">确认</i>
                        </div>
                        <div class="personage_deal_page_num">
                            <div class="personage_deal_page_num_in" id="page_num"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
        var nowNum = 1;
        var allNum = 5;
        /*分页*/
        function paging(nowNum,allNum){
            var obj = document.getElementById("page_num");
            page({
                obj : obj,
                nowNum : nowNum,
                allNum : allNum,
                callback : function (now,all){
                    /*$.ajax({
                        type: "get",
                        url: url,
                        rnd: rnd,
                        dataType: "json",
                        success: function(result) {
                                if(result.code == 1){
                                      var list = result.data.order_list;
                                      //每次都返回总页数
                                      pages = result.data.page_size;
                                      console.log(result.data);
                                      for(var i = 0; i < list.length; i++){
                                            var t = _.template($("#talentsItem").text());
                                            var htmlTxt = t(list[i]);
                                            // console.log(t,htmlTxt)
                                            $('#talents_list').append(htmlTxt);
                                      }
                                }else{
                                          UBox.show('加载失败', -1);
                                }
                        }
                    });*/
                    /*$('#talents_list').html('');
                    var attr = [
                        {
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 1000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 2000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 3000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 4000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    },{
                        title : '航空发动机/燃气轮机总体性能相关',
                        url_img : 'images/news_detail_img.jpg',
                        money : 5000 ,
                        name : '123' ,
                        classify : '信息科技' ,
                        people : 80,
                        address : '深圳'
                    }
                    ];
                    for(var i = 0; i< 5; i++){
                        var t = _.template($("#talentsItem").text());
                        var htmlTxt = t(attr[now-1]);
                        // console.log(t,htmlTxt)
                        $('#talents_list').append(htmlTxt);
                    }
                    console.log("当前页"+now+":总页数"+all);*/
                }
            });
        };
        paging(nowNum,allNum);
    });
</script>